html,body{
    width:100%;
    height: 100%;
}
body{
	position: absolute;
}
#content{
		position: absolute;
}
#content,.s1,.s2,.s3,.s4{
	/*width: 100%;*/
	height: 100%;

}
.div_bgimg{
    background-repeat: no-repeat;
    -moz-background-size:cover;
    -webkit-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    background-position:center;
}


.s1 .header{
    left: 0px;
    top: 0px;
    position: absolute;
    width: 100%;
    height: 100px;
    background-color: rgba(38,38,38,0.4); 
}
.s1 .header .inner{
	margin: 0px auto;
	width: 50%;
	height: 100px;
}
.s1 .header .icon{
    width: 30%;
    height: 98%;
    margin: 0px 5px;
    float: left;
    border-radius: 50%;
}

.logo{
    background-image: url(image/about.png);
    background-size: 100%;
}
.weixin{
    background-image: url(image/weixin.png);
    background-size: 100%;
}
.xinlang{
    background-image: url(image/xinlang.png);
    background-size: 100%;
}
.display{
	width: 644px;
    height: 550px;
	margin: auto;
}
.dis_none{
	display: none;
}
.close{
	width: 80px;
	height: 80px;
	background: url(image/close.png);
	position: absolute;
	right: 0px;
	top: 0px;
	background-size: 100%;
}
.display .dis_aboutus{
    background: url(image/about_block.png) 0 0 no-repeat;
    background-size: 100%;
    height: 100%;
    position: relative;
    z-index: 10;
}
/*.display .dis_aboutus .inner{
	position: absolute;
	width: 300px;
	height: 250px;
	margin: 10px;
}
.display .dis_aboutus .inner h3{
	text-align: center;
	margin: 10px;
}*/
.display .dis_weixin{
    background-image: url(image/weixin_block.png);
    background-size: 100%;
    height: 100%;
    position: relative;
    z-index: 10;
    background-repeat: no-repeat;
}
.s1 .body{
    width: 40%;
    height: 20%;
    position: absolute;
    bottom: 10%;
    left: 30%;
}
.s1 .body .Android{
    width: 100%;
    height: 50%;
    background: url(image/Android.png) no-repeat;
    background-size: 100%;

}
.s1 .body .Ios{
    width: 100%;
    height: 50%;
    background: url(image/Ios.png) no-repeat;
    background-size: 100%;
    /*margin-top:1%;*/
}
.s2 .lunbo{
      width: 100%;
      height: 110%;
      margin-top: -10%;
}
.s1{
    background-image: url(image/top1_bg.png);
        
}
.s2{
    background-color: #fff;
}
.ss1{
/*    background-image: url(image/top2_01.png);
    background-size: 90%;*/
}
.ss2{
/*    background-image: url(image/top2_02.png);
    background-size: 90%;*/
    
 }
.ss3{
/*    background-image: url(image/top2_03.png);
    background-size: 90%;*/
    
}
.ss4{
/*    background-image: url(image/top2_04.png);
    background-size: 90%;*/
    
}
.s3{
    background-image: url(image/top3.png);
        
}
.s4{
    background-image: url(image/top4.png);

}



.footer{
    width: 100%;
    height: 70px;
    position: absolute;
    left: 0px;
    bottom: -1px;
    color: #FFF;
    /*font-size: 1em;*/
    text-align: center;
    line-height: 0.05em;
    -moz-background-size:cover;
    webkit-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    background-image: url(image/top5_bg.png);
    background-repeat: no-repeat;
}
